<template>
	<view class="container ">
		<view class="flex_s wrap marg">
			<view style="width: 150rpx;" class="bjys_hui marg_sx_15 padd_sx_15 font_size_28 text_center border_r"
				v-for="(item,index) in list.slice(0,8)" :key="index">{{item.name}}</view>
		</view>
		<view class="  marg">
			<view class="bjys_hui marg_sx_15 padd_15 font_size_28 text_left padd border_r"
				v-for="(item,index) in list.slice(8)" :key="index">{{item.name}}</view>
		</view>
	</view>
</template>
<script setup lang="ts">
	import { obtainCity } from '@/utils/map_sdk.js'
	import { onMounted, ref } from 'vue'
	const list = ref([])
	onMounted(() => {
		init()
	})

	const init = () => {
		obtainCity().then(res => {
			if (res.code == 1) {
				list.value = res.data
			}
		})
	}
</script>

<style lang="scss" scoped>

</style>